<template>
    <div>
        <el-row class="plan_contentflex flex broder_b">
        <div class="flex-1 flex-pack-justify flex-pack-center flex-align-center t_center">
          <div class="font_14 color_99 m_top5">计划组号</div>
          <div class="font_12 color_33 m_top5">
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==0}" @click="showlayer(0)">计划组号</span>
          </div>
        </div>
        <div class="flex-1 flex-pack-justify flex-pack-center border_rl font_14 color_dd t_center">
          <div class="font_14 color_99 m_top5">计划处理</div>
          <div class="font_12 color_33 m_top5">
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==1}" @click="showlayer(1)">显示所有计划</span>
            <span class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==2}" @click="showlayer(2)">保存所有计划组号</span>
          </div>
        </div>
        <div class="flex-1 flex-pack-justify flex-pack-center font_14 color_dd t_center">
          <div class="font_14 color_99 m_top5">计划发布</div>
          <div class="font_12 color_33 m_top5 group_hair">
            <a class="plan_groupnumber broder_1d" :class="{'ativebtn':activetype==3}" @click="showlayer(3)" id="open" href="void(0)">群发QQ/微信</a>
          </div>
        </div>
      </el-row>
    </div>
</template>
<script>

export default {  
    data(){
        return{
          activetype: 0,
          paramsinfo: {
            uid:this.$store.state.userInfo.id,
            l_id: this.$store.state.lottery_id,
            lable_id: this.$store.state.tabsId
          }
        }
    },
    created(){
    },
    computed: {
      lotteryid(){
        return this.$store.state.lottery_id
      }
    },
    watch:{
        lotteryid(){
            this.activetype = 0;   
      },
    },
    methods:{
        showlayer (type) {
          this.activetype = type
          this.$emit('onhide',type);
          if(type==3){
            document.getElementById("open").href = `startQQAutoSend:${this.$store.state.userInfo.id},${this.$store.state.lottery_id},${this.$store.state.indexleftinfo.id},${sessionStorage.token}`
          }
        },
       
    }
}
</script>
<style lang="less">
  @import url(../../assets/css/plan/planpublic.less);
  @import url(../../assets/css/plan/plancontent.less);
  a:hover{
    color: ffffff !important;
  }
</style>


